.iconfont {
  display: inline-block;
  font-size: 16px;
  margin: 3px;
  cursor: pointer;

  &.icon-delay,
  &.icon-edit {
    --at-apply: theme-color-update;
  }

  &.icon-search {
    --at-apply: theme-color-read;
  }
  &.icon-assign,
  &.icon-del-img,
  &.icon-delete,
  &.icon-clear {
    --at-apply: theme-color-delete;
  }

  &.icon-pause,
  &.icon-stop {
    --at-apply: theme-color-disabled;
  }

  &.icon-add {
    --at-apply: theme-color-create;
  }
  &.icon-check-mark,
  &.icon-arrow-up,
  &.icon-arrow-down,
  &.icon-arrow-top,
  &.icon-more,
  &.icon-save,
  &.icon-batch-save,
  &.icon-preview {
    --at-apply: theme-color-primaryFontColor;
  }

  &.icon-sign {
    color: #ff0000;
  }

  &.icon-copy {
    color: #9b25b3;
  }

  &.icon-print,
  &.icon-pdf,
  &.icon-back {
    color: #ff7400;
  }
  &.icon-info,
  &.icon-execute {
    --at-apply: theme-color-primary;
  }
}
